<template>
	<view class="body">
		<xk-header :backFunc="backHome" :title="title"></xk-header>
		<view class="top-view">
			<image mode="aspectFill" class="result-img" :src="(imgUrl+'/wx/chenggong.png')"/>
			<view class="result-title">提交成功</view>
			<view class="result-desc">{{subTitle}}</view>
		</view>
		<!-- <view class="btn-view"> -->
			<!-- <view class="common-btn btn-sty2 btn" @click="goList()">查看维修记录</view> -->
		<view class="common-btn" @click="backHome()">返回</view>
		<!-- </view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:this.$config.BASE_imgUrl,
				type: '',
				title: '',
				subTitle: '',
			};
		},
		onLoad(options) {
			let type = options.type
			if(type == 'accept'){
				this.title = '受理结果'
				this.subTitle = '您的受理记录已经提交成功。'
			}else if(type == 'done'){
				this.title = '登记结果'
				this.subTitle = '您的登记记录已经提交成功。'
			}else if(type == 'create'){
				this.title = '提交结果'
				this.subTitle = '您的报修申请已经提交成功。'
			}else{
				this.title = '维修结果'
				this.subTitle = '您的维修记录已经提交成功。'
			}
		},
		methods:{
			backHome() {
				// uni.$emit('refreshHomeDataList')
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
.top-view {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 20rpx 30rpx 0rpx 30rpx;
	padding: 50rpx 30rpx;
	background-color: #FFFFFF;
	.result-img {
		width: 140rpx;
		height: 140rpx;
	}
	.result-title {
		color: #333333;
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 30rpx;
	}
	.result-desc {
		color: #999999;
		font-size: 28rpx;
		margin-top: 10rpx;
		text-align: center;
		>strong {
			color: #2C72FF;
		}
	}
}

.btn-view {
	display: flex;
	justify-content: space-around;
	.btn {
		width: 290rpx;
		height: 88rpx;
	}
}
</style>
